<template>
  <div>
    <!--时间-->
    <!--去除系统样式，时间根据壁纸颜色反相-->
    <n-config-provider :theme="null">
      <n-card class="time-card" :bordered="false" size="small">
        <div class="time-date">
          <span class="hour">{{time.hour}}</span>
          <span class="split">:</span>
          <span class="minitus">{{time.minitus}}</span>
          <span class="split">:</span>
          <span class="seconds">{{time.seconds}}</span>
        </div>
        <template #footer>
          <span class="date">{{ nowTime }}</span>
        </template>
        发货计划太刮胡
      </n-card>
    </n-config-provider>
  </div>
</template>

<script lang="ts" src="./script.ts"></script>

<style scoped>@import './style.css';</style>
